﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Your Page Title Here</title>
    
    <!-- CSS -->
    <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Reset.css" rel="stylesheet" type="text/css" />
    
    <!--[if IE]>
    <link href="CSS/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link href="CSS/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!-- sIFR CSS -->
    <link href="CSS/sifr.css" rel="stylesheet" type="text/css" />
    
    <!-- JS -->
    <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script>
    
    <!-- sIFR JS -->
    <script src="Scripts/sIFR/sifr.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-debug.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-config.js" type="text/javascript"></script>   
    
</head>
<body>
    
    <div id="container">
        <!-- HEADER -->
        <div id="header">
            <div class="container clearfix">
                <h1 class="flashHeader left">
                    <a href="home.htm" title="&laquo; Back to Your Company Name">
                       Your Logo/Name
                    </a>
                </h1>
                <div class="right headerLinks">
                    <a href="emailAFriend.htm" class="rightArrow left">
                        Email this page to a friend
                    </a>
                    <!-- Search box -->
                    <div class="right searchBox">
                        <input type="text" />
                        <button>Search</button>
                    </div>
                </div>
            </div>            
        </div>
        
        <!-- BODY-->
        <div id="body">
            <div class="clearfix">
                <div id="sideBar" class="left">
                    <ul id="navi">
                        <li>
                            <a href="home.htm">
                                Home
                            </a>
                        </li>
                        <li class="selected">
                            <a href="about.htm">
                                About
                            </a>
                        </li>
                        <li>
                            <a href="galleryList.htm">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="newsList.htm">
                                News &amp; Events
                            </a>
                        </li>
                        <li>
                            <a href="contact.htm">
                                Contact
                            </a>
                        </li>
                    </ul>
                    
                    <div class="secondaryNav">
                        <h3>About</h3>
                        <ul>
                            <li class="selected">
                                <a href="aboutProject.htm">
                                    <span>
                                        About this project
                                    </span>                                    
                                </a>
                            </li>
                            <li>
                                <a href="aboutUmbraco.htm">
                                    <span>
                                        About Umbraco
                                    </span>                                    
                                </a>
                            </li>
                        </ul>
                    </div>                    
                </div>
                <div class="content twoColWide left clearfix">    
                    
                    <div class="col_1 left">
                        <h2 class="flashHeader">
                            <strong>About this project.</strong> This website has been produced to assist
                            you understand and configure Umbraco.
                        </h2>
                        <!-- Nested two columns -->                    
                        <div class="nestedTwoCol">
                            <div class="col_1 left">
                                <img src="../Assets/Photos/Warren-Buckley.jpg" alt="Warren Buckley, the brains behind the CWS package."/>
                                <h3>Warren Buckley</h3>
                                <p>
                                    Warren Buckley is a web developer who specialises in using the 
                                    <a href="http://www.umbraco.org">Umbraco CMS</a> platform to build 
                                    content managed websites for Xeed in Norway. I run a blog called 
                                    <a href="http://www.creativewebspecialist.co.uk">
                                    Creative Web Specialist</a>, where I mainly write tips and tutorial
                                    articles around Umbraco.
                                </p>                                    
                                <p>
                                    I decided to create this website starter site nicknamed 
                                    (CWS - Creative Website Starter site) as a learning tool to help you understand
                                    how all the elements of a site work in Umbraco.
                                </p>
                                
                                <p>
                                    You can find me all over the internet:<br />
                                    <strong>Flickr</strong> - <a href="http://www.flickr.com/photos/warrenbuckley">www.flickr.com/photos/warrenbuckley</a><br />
                                    <strong>Last.FM</strong> - <a href="http://www.last.fm/user/warrenbuckley">www.last.fm/user/warrenbuckley</a><br />
                                    <strong>Twitter</strong> - <a href="http://twitter.com/warrenbuckley">twitter.com/warrenbuckley</a>
                                </p>
                            </div>
                        
                            <div class="col_2 left">
                                <img src="../Assets/Photos/Sam-Grady.jpg" alt="Sam Grady, is the designer for the CWS project."/>
                                <h3>Sam Grady</h3>
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare diam 
                                    sed sem. Vivamus lorem sapien, congue in, auctor in, faucibus non, neque. 
                                    Proin mi. Fusce at erat ac tellus pulvinar cursus. Donec pretium aliquet 
                                    nibh. Maecenas eros lectus, semper id, dignissim ac, 
                                    convallis et, nibh. Maecenas ac sapien eu turpis semper laoreet. 
                                    Donec libero. Duis id sem. In posuere ligula eget sem. 
                                    Maecenas non libero.
                                </p>                                
                            </div>
                        </div>  
                    </div>
                    
                    <div class="col_2 left">
                        <h4>Additional Info</h4>
                        <p>
                            This panel can house additional information specific to this page or area.
                        </p>
                        <p>
                            <a href="" class="rightArrow">Internal link</a><br />
                            <a href="" class="rightArrow">External link</a>
                        </p>
                        
                        <h4>Additional Headers</h4>                        
                        <p>
                            <a href="" class="rightArrow">Additional links that may span more than one line.</a>
                        </p>
                    </div>
                                      
                </div>
            </div>     
                        
        </div>
        
        <!-- FOOTER -->
        <div id="footer">
            <div class="container">
                <ul class="credits">
                    <li class="cws">
                        <a href="http://www.creativewebspecialist.co.uk" title="Created by Warren Buckley, a Creative Web Specialist">
                            Created by Warren Buckley
                            <span>Creative Web Specialist</span>
                        </a>
                    </li>
                    <li class="g72">
                        <a href="http://www.g72.co.uk" title="Designed by Sam Grady from G72 Creative">
                            Designed by Sam Grady
                            <span>G72 Creative</span>
                        </a>
                    </li>
                </ul>
                
                <ul class="misc">
                    <li class="rss">
                        <a href="" title="RSS Feed for xxx">
                            RSS Feed
                        </a>
                    </li>
                    <li class="valid">
                        <a href="http://validator.w3.org/check?uri=referer" title="This site validates against the W3C guidelines for valid XHTML and CSS">
                            Valid XHTML
                        </a>                    
                    </li>
                </ul>
            </div>            
        </div>    
    </div>
    
    
</body>
</html>
